<div class="content-warp">
  <div class="content-header">
    <i class="anticon anticon-left-circle-o" (click)="goBack()"></i>
    <span class="content-title">中奖详情</span>
  </div>
  <div class="content-body">
    <div class="item" *ngFor="let group of winnerPrizeGroup">
      <div class="title">{{ group.level_name }}中奖名单</div>
      <div nz-form-item nz-row  *ngIf="group.winner.length">
        <div class="winner-item" style="margin-bottom: 62px;" nz-form-label nz-col [nzSm]="12" [nzXs]="24" nz-row [nzType]="'flex'" [nzJustify]="'end'" *ngFor="let winner of group.winner">
          <img *ngIf="winner.avatarUrl" src="{{ winner.avatarUrl }}" alt="">
          <img *ngIf="!winner.avatarUrl" src="{{ 'assets/images/default-avatar.png' }}" alt="">
          <!--<span class="no-avatar" *ngIf="!winner.avatarUrl">无头像</span>-->
          <div class="winner-info">
            <div class="winner-name">微信昵称：{{ winner.nickName || '无昵称' }}</div>
            <div class="winner-order-no">订单编号：{{ winner.order_no }}</div>
          </div>
        </div>
      </div>
      <div nz-form-item nz-row style="margin-bottom: 60px;" *ngIf="!group.winner.length" [nzType]="'flex'" [nzJustify]="'center'" [nzAlign]="'center'">
        <p>无中奖名单</p>
      </div>
    </div>
  </div>
</div>
